<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/datepicker/jquery-datePicker.css}" />
    <title>材料合同</title>
    <style>

        .refundModal .msgBox {width: 100%;height: 100%;left: 40%;bottom: inherit;overflow: auto;}
    </style>
</head>
<script th:inline="javascript">
    const qualityList = [[${materialTypeList}]]
    const typeList = [[${typeList}]]
    // const supplierList = [[${supplierList}]]
    const orgList = [[${orgList}]]
    const materialList = [[${materialList}]]
    const billList = [[${billList}]]
</script>
<body>
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-form-item layui-inline">
                    <div class="layui-input-inline">
                        <input type="text" placeholder="检索关键字" class="layui-input search-text">
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-origin"  lay-filter="search-origin">
                            <!--                            <option value="">选择公司</option>-->
                            <option th:value="${org.id}" th:text="${org.originName}" th:each="org:${orgList}"></option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-type" lay-search="" lay-filter="search-type">
                            <option value="">合同类型</option>
                            <option th:value="${obj.id}" th:text="${obj.name}" th:each="obj:${typeList}"></option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-supplier" lay-search="" lay-filter="search-supplier">
                            <option value="">供应商</option>
                            <option th:value="${obj.id}" th:text="${obj.fullName}" th:each="obj:${supplierList}"></option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-status" lay-filter="search-status">
                            <option value="">状态</option>
                            <option value="0">启用</option>
                            <option value="1">禁用</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <a href="javascript:void(0)" class="layui-btn layui-btn-md layui-btn-danger btn-query" lay-filter="btn-query">
                        <i class="layui-icon layui-icon-search"></i>
                        查询
                    </a>
<!--                    <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-normal btn-add" lay-filter="btn-add">-->
<!--                        <i class="layui-icon">&#xe654;</i>-->
<!--                        添加-->
<!--                    </a>-->
                    <!--                    <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-warm btn-edit" lay-filter="btn-edit">-->
                    <!--                        <i class="layui-icon layui-icon-edit"></i>-->
                    <!--                        编辑-->
                    <!--                    </a>-->
                </div>
            </div>
        </form>
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table class="layui-hide" id="body-list" lay-filter="body-list"></table>
    </div>
</div>
<!--添加弹窗-->
<div class="msgModal addModal" id="material-body">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">合同详情</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 80%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">合同编号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-code" readonly placeholder="合同编号">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">公司</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-org" readonly placeholder="公司">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">合同名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-name" readonly placeholder="合同名称">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">联系人</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-linkMan" readonly placeholder="联系人">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">合同类型</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-type" readonly placeholder="合同类型">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">联系电话</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-phone" readonly placeholder="联系电话">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">生效时间</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-startDate" readonly placeholder="生效时间">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">失效时间</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-endDate" readonly placeholder="失效时间">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">签订时间</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-signDate" readonly placeholder="签订时间">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">过磅等待时间(分)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input detail-waitTime" readonly placeholder="过磅等待时间(分)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="addBtns">保存</a>
                    </div>
                </div>
            </form>
            <div class="layui-card">
                <div class="layui-card-body">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
<!--                            <div class="layui-form-item layui-inline">-->
<!--                                <label class="layui-form-label" style="width: 130px">客户检索关键字</label>-->
<!--                                <div class="layui-input-inline" style="width: 320px">-->
<!--                                    <input type="text" placeholder="客户检索关键字" class="layui-input search-client-text">-->
<!--                                </div>-->
<!--                            </div>-->
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <select class="search-price-material" lay-search="" lay-filter="search-price-status">
                                        <option value="">选择材料</option>
                                        <option th:value="${material.id}" th:text="${material.fullName}"  th:each="material:${materialList}"></option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <select class="search-price-status" lay-filter="search-price-status">
                                        <option value="">状态</option>
                                        <option value="0">启用</option>
                                        <option value="1">禁用</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item layui-inline">
                                <a href="javascript:void(0)" class="layui-btn layui-btn-md layui-btn-danger btn-client-query" lay-filter="btn-client-query">
                                    <i class="layui-icon layui-icon-search"></i>
                                    查询
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-body">
                    <table class="layui-hide" id="window-list" lay-filter="window-list"></table>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/datepicker/jquery-datePicker.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/material/contract.js}" charset="utf-8"></script>
<script type="text/javascript">

</script>

</html>